/**
  *@name:visual firebug
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:1.15
	*/
.visualFirebug-wrap input,
.visualFirebug-wrap p,
.visualFirebug-wrap form,
.visualFirebug-wrap ol,
.visualFirebug-wrap li,
.visualFirebug-wrap ul,
.visualFirebug-wrap select{
  margin:0;
  padding:0;
  line-height:1.5;
}
.visualFirebug-wrap vftitle,
.visualFirebug-wrap vffieldset{
  display:block;
}
.visualFirebug-wrap input,
.visualFirebug-wrap input:focus,
.visualFirebug-wrap select,
.visualFirebug-wrap textarea,
.visualFirebug-wrap textarea:focus{
  font:12px/1.5 arial;
  border-radius:0;
  height:auto;
  -webkit-box-shadow:none;
  color:#000;
}
.visualFirebug-wrap textarea{
  -webkit-box-sizing:content-box;
}
.visualFirebug-wrap ul,
.visualFirebug-wrap ol,
.visualFirebug-wrap li{
  list-style:none;
}
#visualFirebug,
#visualFirebug-selectors,
#visualFirebug-getHTML-wrap,
#visualFirebug-about-wrap{
  border-radius:6px;
  background-color:#292929;
  border:5px solid rgba(0,0,0,0.4);
  background-clip:padding-box;
  padding:5px 10px;
  font:12px/1.5 arial,\u5B8B\u4F53,serif;
  text-shadow:1px 1px 0 #000;
  z-index:2147483646;
}
#visualFirebug{
  padding:0 5px 5px;
  position:fixed;
  right:5px;
  text-align:left;
  top:5px;
  width:300px;
  color:#fff;
}
#visualFirebug-selectors{
  border-width:4px;
  color:#ccc;
  opacity:0;
  position:absolute;
  top:-2000px;
  -webkit-transition:opacity .3s ease-out;
  min-width:150px;
}
#visualFirebug-selectors li{
  border-bottom:1px solid #111;
  padding:2px 0;
}
#visualFirebug-selectors li:hover{
  color:#fff;
}
#visualFirebug-selectors li:last-child{
  border:none;
}
#visualFirebug #visualFirebug-current-info{
  color:#d9d9d9;
  padding-bottom:5px;
  margin:0 5px;
}
#visualFirebug #visualFirebug-open-all{
  -webkit-box-shadow:1px 1px 0 #3F3F3F;
  box-shadow:1px 1px 0 #3F3F3F;
  background-color:#3B3B3B;
  border:1px solid #000;
  cursor:pointer;
  display:inline-block;
  float:right;
  height:18px;
  overflow:hidden;
  position:relative;
  width:40px;
  top:-2px;
  right:0;
}
#visualFirebug #visualFirebug-open-all vfu,
#visualFirebug #visualFirebug-open-all vfb{
  display:inline-block;
  height:18px;
  position:absolute;
  -webkit-box-shadow:inset 0 0 2px #222;
  box-shadow:inset 0 0 2px #222;
}
#visualFirebug #visualFirebug-open-all vfu{
  background-color:#595959;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#888),to(#595959));
  background-image:linear-gradient(top center,#888,#595959);
  border:1px solid #1D1D1D;
  top:-1px;
  left:-1px;
  width:20px;
  -webkit-transition:left .2s ease-out;
  transition:left .2s ease-out;
}
#visualFirebug #visualFirebug-open-all vfb{
  background-color:#4169af;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#4169af),to(#4573CA));
  background-image:linear-gradient(left center,#4169af,#4573CA);
  top:0;
  left:0;
  width:21px;
}
#visualFirebug.visualFirebug-allOpen #visualFirebug-open-all vfu{
  left:19px;
}
#visualFirebug ul{
  border-top:1px solid #555;
  padding:10px 5px 0;
  max-height:500px;
  overflow-y:auto;
  overflow-x:hidden;
}
#visualFirebug ul::-webkit-scrollbar{
	width:10px;
	height:10px;
}
#visualFirebug ul::-webkit-scrollbar-track{
	background-color:#000;
	border-radius:4px;
	margin-top:4px;
}
#visualFirebug ul::-webkit-scrollbar-track-piece{
	background-color:#000;
	border-radius:4px;
}
#visualFirebug ul::-webkit-scrollbar-thumb{
	background-image:-webkit-gradient(linear,0% 100%,100% 100%,from(#888),color-stop(0.4,#aaa),color-stop(0.6,#aaa),to(#888));
	border-radius:4px;
}
#visualFirebug ul::-webkit-scrollbar-thumb:hover{
	background-image:-webkit-gradient(linear,0% 100%,100% 100%,from(#aaa),color-stop(0.4,#ddd),color-stop(0.6,#ddd),to(#aaa));
}
#visualFirebug ul::-webkit-scrollbar-thumb:active{
	background-image:-webkit-gradient(linear,0% 100%,100% 100%,from(#ccc),color-stop(0.4,#fff),color-stop(0.6,#fff),to(#ccc));
}
#visualFirebug ul.vf-close{
  padding:0 5px 0;
  max-height:0;
}
#visualFirebug vftitle{
  background-color:#292929;
  position:relative;
  padding:0 0 0 16px;
  margin:0;
  font-size:14px;
  color:#999;
  cursor:pointer;
  font-weight:normal;
  font-family:arial;
}
#visualFirebug vftitle label{
  cursor:pointer;
}
#visualFirebug vftitle:hover{  
  color:#d9d9d9;
}
#visualFirebug vfcode{
  color:#fff;
}
#visualFirebug .visualFirebug-arrow{
  border-color:#292929 #292929 #292929 #848484;
  border-width:6px;
  border-style:solid;
  position:absolute;
  top:3px;
  left:2px;
  -webkit-transition:-webkit-transform .2s ease-out;
  transition:transform .2s ease-out;
}
#visualFirebug vftitle:hover .visualFirebug-arrow{
  border-left-color:#d9d9d9;
}
#visualFirebug .visualFirebug-editorWrap,
#visualFirebug-styles{
  background-color:#474747;
  border:1px solid #000;
  margin:0 1px 0 0;
  padding:0 10px;
  height:0;
  overflow:hidden;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out;
}
#visualFirebug-styles{
  width:278px;
  display:block;
  resize:none;
}
#visualFirebug .visualFirebug-item{
  margin:0 0 10px;
  background-color:#474747;
  padding:0 0 1px;
  display:none;
}
#visualFirebug .visualFirebug-item:last-child{
  display:none;
}
#visualFirebug .visualFirebug-item-open .visualFirebug-editorWrap,
#visualFirebug-styles.vf-open{ 
  height:auto;
  padding:10px;
}
#visualFirebug .visualFirebug-item-open .visualFirebug-arrow{
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transform-origin:20% 40%;
  transform-origin:70% 50%;
}
#visualFirebug input{
  vertical-align:middle;
}
#visualFirebug input[type='text']:disabled{
  color:#F5F4EA;
  background-color:#ccc;
  border-color:#222;
}
#visualFirebug input[type='checkbox'],#visualFirebug input[type='radio']{
  vertical-align:text-bottom;
}
#visualFirebug input[type='text'],
#visualFirebug .form-degree-input{
  border:1px solid #000;
  -webkit-box-shadow:1px 1px 0 #555;
  box-shadow:1px 1px 0 #555;
}
#visualFirebug option:nth-child(2n+1){
  background-color:#eee;
}
#visualFirebug vffieldset .form-color-editorWrap{
  padding-left:48px;
  width:192px;
  margin-top: -20px;
}
#visualFirebug .visualFirebug-hsb-current{
  overflow:hidden;
}
#visualFirebug .visualFirebug-hsb-current label{
  float:left;
  margin-top:2px;
}
#visualFirebug .visualFirebug-hsb{
  margin:5px 0;
}
#visualFirebug .visualFirebug-hsb-range input{
  width:194px;
}
#visualFirebug .visualFirebug-hsb-current input,
#visualFirebug .visualFirebug-currentStyle,
#visualFirebug .form-degree-input,
#visualFirebug .form-color-picker .form-color-current input{
  width:25px;
  height:15px;
  background-color:#7f7f7f;
}
#visualFirebug .visualFirebug-hsb-current input{
  float:right;
  margin-right:2px;
}
#visualFirebug .visualFirebug-currentStyle,
#visualFirebug .form-color-picker .form-color-current input{
  margin-left:5px;
  line-height:15px;
}
#visualFirebug .visualFirebug-hsb-img{
  height:5px;
  margin-top:3px;
  background-image:url();
  background-repeat:no-repeat;
}
#visualFirebug .visualFirebug-hsbH .visualFirebug-hsb-img{
  background-position:0 0;
}
#visualFirebug .visualFirebug-hsbS .visualFirebug-hsb-img{
  background-position:0 -5px;
}
#visualFirebug .visualFirebug-hsbB .visualFirebug-hsb-img{
  background-position:0 -10px;
}
#visualFirebug .visualFirebug-editor-multi vffieldset{
  border-bottom:1px solid #000;
  border-top:1px solid #555;
  padding:10px 0;
  position:relative;
}
#visualFirebug .visualFirebug-editor-multi vffieldset:last-child{
  border-bottom:none;
}
#visualFirebug .visualFirebug-editor-multi vffieldset:first-child{
  border-top:none;
}
#visualFirebug .visualFirebug-editor-multi vffieldset vflegend{
  position:absolute;
  top:10px;
  right:0;
  color:#ddd;
  background-color:#111;
  border-radius:4px;
  padding:1px 5px;
}
#visualFirebug vffieldset ol label:first-child,
#visualFirebug .form-color-picker label{
  display:inline-block;
  width:48px;
  margin-bottom:5px;
  font-size:11px;
  -webkit-text-size-adjust:none;
}
#visualFirebug .form-color-picker .form-color-current label{
  width:auto;
  margin:0;
}
#visualFirebug vffieldset li{
  margin:2px 0;
}
#visualFirebug #visualFirebug-item-fontOther .visualFirebug-editorWrap label,
#visualFirebug #visualFirebug-item-textAlign .visualFirebug-editorWrap label{
  margin-right:10px;
}
#visualFirebug-option:after,visualFirebug-current-info:after{
  content:'.';
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#visualFirebug-mini,
#visualFirebug-show-about{
  cursor:pointer;
  float:right;
  height:16px;
  width:16px;
  position:relative;
  top:1px;
  right:2px;
}
#visualFirebug-mini vfs,
#visualFirebug-mini vfb{
  border:1px solid #888;
  border-width:2px 1px 1px;
  background-color:#292929;
  display:inline-block;
  height:5px;
  width:8px;
  top:3px;
  left:4px;
  position:absolute;
}
#visualFirebug-mini vfb{
  top:6px;
  left:2px;
}
#visualFirebug-mini.vf-close vfb{
  display:none;
}
#visualFirebug-mini.vf-close vfs{
  top:7px;
  border-width:2px 0 0;
  left:3px;
  width:10px;
}
#visualFirebug-mini:hover vfs,
#visualFirebug-mini:hover vfb{
  border-color:#ccc;
}
#visualFirebug-show-about{
	color:#888;
	width:16px;
	height:16px;
	font:bold 12px/16px Georgia,serif;
	text-align:center;
}
#visualFirebug-show-about:hover{
  color:#ccc;
}
#visualFirebug-drag{
  height:10px;
  width:258px;
  float:left;
  cursor:move;
  margin:5px 5px 10px;
  background:url() repeat-x 0 0;
}
#visualFirebug-switch,
#visualFirebug-getStyles,
#visualFirebug-getHTML{
  height:18px;
  width:20px;
  display:inline-block;
  border-radius:2px;
  border:1px solid #292929;
  vertical-align:middle;
  float:right;
  top:-2px;
  text-align:center;
  position:relative;
  margin-right:2px;
  cursor:pointer;
  -webkit-user-select:none;
  background:url() no-repeat center center;
}
#visualFirebug-getStyles,
#visualFirebug-getHTML{
  background:none;
  font:bold 12px/18px arial;
  color:#888;
  letter-spacing:1px;
}
#visualFirebug-switch:hover,
#visualFirebug-switch.vf-open{
  background-image:url();
}
#visualFirebug-switch.vf-open,
#visualFirebug-getStyles.vf-open,
#visualFirebug-getHTML:active{
  border-color:#000;
  -webkit-box-shadow:inset 0 0 4px #444;
  background-color:#666;
  color:#ccc;
}
#visualFirebug-switch.vf-open:hover,
#visualFirebug-getStyles.vf-open:hover,
#visualFirebug-getHTML:active{
  background-color:#777;
}
#visualFirebug-getStyles.vf-close:hover,
#visualFirebug-getHTML:hover{
  color:#ccc;
}
#visualFirebug .visualFirebug-cancel,
#visualFirebug .visualFirebug-eye{
  height:20px;
  width:20px;
  display:inline-block;
  vertical-align:middle;
  float:right;
  background:url() no-repeat center center;
}
#visualFirebug .visualFirebug-cancel:hover{
  background-image:url();
}
#visualFirebug .visualFirebug-eye{
  background-image:url();
}
#visualFirebug .visualFirebug-eye.vf-close{
  background-image:url();
}
#visualFirebug .form-degree-wrap{
  color:#fff;
  padding-left:50px;
  margin-top:-20px;
}
.visualFirebug-mouseover{
  outline:2px solid blue;
}
#visualFirebug-getHTML-wrap,
#visualFirebug-about-wrap{
	display:none;
	padding:25px 5px 5px;
	position:fixed;
	color:#fff;
	z-index:2147483647;
}
.visualFirebug-pop-title{
	position:absolute;
	left:5px;
	top:5px;
  color:#888;
}
.visualFirebug-pop-close{
	cursor:pointer;
	font-size:14px;
	position:absolute;
	right:4px;
	text-align:center;
	top:4px;
	width:16px;
	color:#888;
}
.visualFirebug-pop-close:hover{
	color:#fff;
}
#visualFirebug-getHTML-wrap.loadding{
	display:block;
	top:5px;
	left:5px;
}
#visualFirebug-getHTML-wrap.vf-open{
	right:5px;
	bottom:5px;
}
#visualFirebug-getHTML-content{
	width:100%;
	height:100%;
	padding:0;
	background-color: #474747;
	border: 1px solid black;
	resize:none;
}
#visualFirebug-show-currentNode{
  color:#888;
  padding:0 1px;
  cursor:help;
  border-bottom:1px dotted #888;
  margin-left:4px;
}
#visualFirebug-show-currentNode:hover{
  color:#fff;
  border-color:#fff;
}
#visualFirebug-about-wrap{
  top:50%;
  left:50%;
  width:420px;
  height:150px;
  margin-left:-220px;
  margin-top:-150px;
}
#visualFirebug-about-wrap.vf-open{
	display:block;
}
#visualFirebug-about-global{
  height:100px;
  padding:5px 10px;
  background:url() no-repeat 10px 10px #474747;
  background-size:60px;
  position:relative;
}
#visualFirebug-about-version{
  color:#ccc;
  padding-left:80px;
  margin-top:-5px;
}
#visualFirebug-about-author{
  font-size:10px;
  -webkit-text-size-adjust:none;
}
#visualFirebug-about-name{
  font-size:30px;
  line-height:1.2;
  padding-top:6px;
  padding-left:75px;
  font-family:georgia;
}
#visualFirebug-about-detail{
  color:#888;
}
#visualFirebug-about-wrap #visualFirebug-about-doc{
  margin:3px 0;
}
#visualFirebug-about-content a{
  color:#ccc;
  background:none;
  text-decoration:underline;
}
#visualFirebug-about-author a{
  color:#888;
}
#visualFirebug-about-wrap a:hover{
  color:#fff;
}
/**
	*@name:form color
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:1-0-0
	*/
.form-color-picker{
  width:192px;
  padding:0;
  list-style:none;
  font-size:12px;
  display:none;
}
.form-color-picker .form-color-current{
  overflow:hidden;
}
.form-color-picker .form-color-current label{
  float:left;
  margin-top:8px;
}
.form-color-picker .form-color-hsb-range input{
  width:193px;
  margin:0;
}
.form-color-picker .form-color-current input{
  width:25px;
  height:15px;
}
.form-color-picker .form-color-current input{
  float:right;
  margin-right:2px;
}
.form-color-picker .form-color-hsb-img{
  height:5px;
  margin-top:3px;
  background-image:url();
  background-repeat:no-repeat;
}
.form-color-picker .form-color-hsbH .form-color-hsb-img{
  background-position:0 0;
}
.form-color-picker .form-color-hsbS .form-color-hsb-img{
  background-position:0 -5px;
}
.form-color-picker .form-color-hsbB .form-color-hsb-img{
  background-position:0 -10px;
}
/**
	*@name:form degree
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:1-0-0
	*/
.form-degree-wrap{
  font-size:12px;
  color:#000;
}
.form-degree{
  width:36px;
  height:36px;
  border:2px solid #4E6087;
  border-radius:20px;
  position:relative;
  -webkit-user-select:none;
  display:inline-block;
  vertical-align:middle;
  background-color:#fff;
}
.form-degree-line{
  -webkit-transform-origin:0 0;
  transform:rotate(0deg);
  transform-origin:0 0;
  background-color:#000000;
  height:1px;
  left:50%;
  position:absolute;
  top:50%;
  width:50%;
}
.form-degree-label{
  margin-left:5px;
  vertical-align:middle;
}
.form-degree-input{
  width:40px;
}
.form-degree-dot{
  position:absolute;
  width:3px;
  height:3px;
  background-color:#000;
  top:17px;
  left:17px;
}
